<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>销售订单详情编辑</title>
		<meta name="description" content="Restyling jQuery UI Widgets and Elements" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="./../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./../../assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="./../../assets/css/ace.min.css" id="main-ace-style" />
        <link rel="stylesheet" href="../../css/salesPlat/common.css" />
		<link rel="stylesheet" href="./../../css/salesPlat/salesOrder.css" />
		<link rel="stylesheet" href="./../../css/salesPlat/orderDetail.css" />
		<link rel="stylesheet" href="./../../css/salesPlat/orderDetailEdit.css" />
        <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css" />

	</head>

	<body class="no-skin">
		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<div class="main-content">
				<div class="page-content">

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">

								<!-- PAGE CONTENT BEGINS -->
									<!-- 订单详情 -->
									<div class="order-detail mt0">订单详情</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">订单编号</div>
										<div class="order-detail w81 r">201710171521</div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">下单时间</div>
										<div class="order-detail w81 r">2014-05-09  10:00：00</div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">期望收货时间</div>
										<div class="order-detail w81 r">2017-08-30</div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">状态</div>
										<div class="order-detail w81 r">待发货</div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">对应采购订单编号</div>
										<div class="order-detail w81 r">201710171521</div>
									</div>
									<div class="order-detail-wrap mb30 clearfix">
										<div class="order-detail w17 l">对应订单状态</div>
										<div class="order-detail w81 r">采购中</div>
									</div>

									<!-- 收件信息 -->
									<div class="order-detail mt0">收件信息</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">收件人</div>
										<div class="order-detail w81 r"><input type="text"></div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 l">收件人电话</div>
										<div class="order-detail w81 r"><input type="text"></div>
									</div>
									<div class="order-detail-wrap clearfix">
										<div class="order-detail w17 h178 l">收件人地址</div>
										<div class="w81 r pdl0">
											<div class="order-detail h56"><!-- 省市区三级联动 --></div>
											<div class="order-detail h118">
												<textarea class="input-address"></textarea>
											</div>
										</div>
									</div>
									<div class="order-detail-wrap mb30 clearfix">
										<div class="order-detail w17 l">期望发货日期</div>
										<div class="order-detail w81 r"><input type="text"></div>
									</div>

									<!-- 订单商品信息 -->
									<div class="order-detail mt0">订单商品信息</div>
								<table id="sample-table-1" class="table">
									<!-- 采购订单列表标题 -->
									<thead>
									<tr>
										<th class="center">商品名称</th>
										<th class="center">图片</th>
										<th class="center">分类</th>
										<th class="center">颜色</th>
										<th class="center">尺寸</th>
										<th class="center">肩宽</th>
										<th class="center">胸围</th>
										<th class="center">腰围</th>
										<th class="center">臀围</th>
										<th class="center">身高</th>
										<th class="center">体重</th>
										<th class="center">其他</th>
										<th class="center">件数</th>
										<th class="center">单价</th>
										<th class="center">总价</th>
									</tr>
									</thead>
									<!-- 循环加载订单列表 -->
									<tbody class="center">
									<tr>
										<td><div class="detail-edit-topic">新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装</div></td>
										<td><img src="./../../assets/img/pic2.png" alt=""></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
										<td><input type="text"></td>
									</tr>

									</tbody>
								</table>

									<!-- 总和 -->
									<div class="order-detail txr">共<span class="order-detail-amount">4</span>件   &nbsp;&nbsp;合计：<span class="order-detail-account">￥1000</span></div>
									<!-- 备注 -->
									<div class="order-detail h120">
										<span class="tip-name">备注</span><textarea class="input-address"></textarea>
									</div>

									<!-- 底部三个操作按钮 -->
									<div class="order-detail-operate">
										<button class="order-detail-btn">保存</button>
										<button class="order-detail-btn ml42">返回</button>
									</div>
								<!-- PAGE CONTENT ENDS -->

							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->

		</div><!-- /.main-container -->

		<script src="./../../assets/js/jquery.min.js"></script>
		<script src="./../../assets/js/bootstrap.min.js"></script>

		<!-- ace scripts -->
		<script src="./../../assets/js/ace-elements.min.js"></script>
		<script src="./../../assets/js/ace.min.js"></script>

	</body>
</html>
